/**引入混合函数**/
@import "mixins.less";
/**引入全局变量**/
@import "varibles.less";
.h(@heigiht){
    height: @heigiht/200rem;
}
#travelList{
    height: 100%;
  
    .travel-list{
        .max-width();
        margin-top: 50px;
        .list-tab{
            display: flex;
            background-color: #e9e9e9;
            li{
                font-size: 0.13rem;
                flex: 1;
                text-align: center;
                padding: 0.11rem 0;
                color: #666666;
            }
            li.on{
                border-top: 0.03rem solid #F7C612;
                background-color: #fff;
                color: #1448AE;
            }
        }
        .list-info{
            .info{
                position: relative;
                display: flex;
                padding-bottom: 0.1rem;
                margin-top: 0.15rem;
                border-bottom: 1px solid #b3b3b3;
                .img-box{
                    margin-left: 0.07rem;
                    position: relative;
                    &::after{
                        content: '';
                        display: block;
                        height: 0.4rem;
                        width: 0.4rem;
                        position: absolute;
                        top: -0.01rem;
                        left: 0.7rem;
                        background: url(../images/icon/sprites.png) no-repeat -2.48rem -3.55rem;
                        background-size: 3.75rem 4.75rem;
                    }
                    img{
                        height:0.95rem;
                        display: block;
                    }
                }
                
                .all-info{
                    width: 80%;
                    font-size: 0.14rem;
                    a{
                        color: #000;
                    }
                    .info-title{
                        color:#333333FF;
                    }
                    .info-box{
                        margin-left: 0.06rem;
                        div{
                            margin-top: 0.05rem;
                        }
                        .info-no{
                            a{
                                border: 1px solid #666666FF;
                                color: #666666FF;
                                font-size: 0.11rem;
                                margin-right: 0.05rem;
                                padding: 0.01rem 0.03rem;
                            &:nth-child(3){
                                border: noen;
                                background-color: #48C1E2FF;
                                color: #fff;
                            }
                            } 
                        }
                        .info-start{
                            font-size: 0.12rem;
                            span{
                                font-weight: bold;
                                color:#00CC66;
                                width:242px;
                            }
                        }
                        .info-money{
                            display: flex;
                            margin-top: 0;
                            align-items: baseline;
                            span{
                                position: relative;
                                font-size: 0.12rem;
                                margin-right: 0.15rem;
                                a{
                                    color: #666666;
                                }
                                &:nth-child(1){
                                    color: orange;
                                    font-size: 0.14rem;
                                    a{
                                        font-size: 0.07rem;
                                    }
                                    margin-left: 0.08rem;
                                    &::before{
                                        content: '￥';
                                        font-size: 0.07rem;
                                        height: 0.1rem;
                                        width: 0.1rem;
                                        color: orange;
                                        top: 0px;
                                        left: -0.09rem;
                                        position: absolute;
                                        display:inline-block;
                                    }
                                }
                            }
                            .score{
                                border: 1px solid #999;
                                background-color: #F4F4F4;
                                padding: 0.03rem 0.1rem;
                                position: absolute;
                                top: 0.71rem;
                                right: 0.05rem;
                                font-size: 0.14rem;
                                display: flex;
                                align-items: baseline;
                                a{
                                    font-size: 0.07rem;
                                }
                            }
                        }
                    }
                }
            }
        } 
        margin-bottom: 0.5rem;  
    }
    footer{
        a:nth-child(1){
            color: blue;
        }
    }
}